.beg-table-box {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.beg-table-header {
    position: absolute;
    width: 100%;
}

.beg-table-header table {
    width: 100%;
    max-width: 100%;
}

.beg-table-header table thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #DDDDDD;
    padding: 7px 15px;
    background-color: #f2f2f2;
}

.beg-table-body {
    overflow: auto;
    width: 100%;
    max-height: 100%;
}

.beg-table {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-bottom: 40px;
}

.beg-table thead {
}

.beg-table thead tr {
}

.beg-table thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #DDDDDD;
    padding: 7px 15px;
    background-color: #f2f2f2;
}

.beg-table tbody {
}

.beg-table tbody tr {
}

.beg-table tbody tr td {
    padding: 7px 15px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: top;
}

.beg-table-bordered {
    border: 1px solid #DDDDDD;
}

.beg-table-bordered td,
.beg-table-bordered th {
    border: 1px solid #DDDDDD;
}

.beg-table-striped tbody tr:nth-child(even),
.beg-table-hovered tbody tr:hover {
    background-color: #f6f6f6;
}

/*page*/

.beg-table-box .beg-table-paged {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f2f2f2;
}

.beg-table-box .beg-table-paged .layui-laypage {
    margin: 3px 5px 0 5px;
}

.beg-table-box .beg-table-paged .layui-laypage a {
    /*margin: 0;*/
}